<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/mytag.jspf"%>

<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<title>订单详情</title>
<script type="text/javascript">
	$("#grid").jqGrid({
		pager:"#pager",
		url:"management/orderinfo/detail/page?orderInfoId=${orderInfo.orderInfoId}",
		datatype: "json",  //请求的数据类型
	   	colNames:["服务项目","购买商品","数量","价格（元）","状态"],
	   	colModel:[
	   		{name:"serviceName"},
	   		{name:"mdseName"},
	   		{name:"mdseNum"},
	   		{name:"price"},
	   		{name:"stateName"},
	   	]
	});
</script>
</head>

<body>
	<ol class="am-breadcrumb am-breadcrumb-slash am-padding" style="margin-bottom: 0px;">
		<li><a href="management/index">首页</a></li>
		<li><a href="management/orderinfo/index">订单信息</a></li>
		<li class="am-active">订单详情</li>
	</ol>
	<div class="am-g">
		<div class="am-u-md-3">
			<small>门店：${orderInfo.shopName}</small>
		</div>
		<div class="am-u-md-3">
			<small>会员：${orderInfo.vipName}</small>
		</div>
		<div class="am-u-md-3">
			<small>订单号：${orderInfo.orderNo}</small>
		</div>
		<div class="am-u-md-3 am-u-end">
			<small>开单人：${orderInfo.employeeName}</small>
		</div>
	</div>
	<div class="am-g">
		<div class="am-u-md-3">
			<small>下单时间：<fmt:formatDate value='${orderInfo.creTime}' pattern="yyyy-MM-dd HH:mm:ss"/></small>
		</div>
		<div class="am-u-md-3">
			<small>订单金额（元）：${orderInfo.amount}</small>
		</div>
		<div class="am-u-md-3 am-u-end">
			<small>订单状态：${orderInfo.stateName}</small>
		</div>
	</div>
	<div class="am-g am-padding-vertical">
		<div class="am-u-md-12"><table id="grid"></table><div id="pager"></div></div>
	</div>
</body>
</html>
